<template>
   <el-table
    :data="getTableData"
    style="width: 100%">
    <el-table-column
      label="标识号码"
      width="100"
    >
      <template slot-scope="scope">
        {{scope.row.id}}
      </template>
    </el-table-column>
    <el-table-column
      label="添加时间"
      width="400">
      <template slot-scope="scope">
        <i class="el-icon-time"></i>
        <span style="margin-left: 10px">{{scope.row.add_time}}</span>
      </template>
    </el-table-column>
    <el-table-column
      label="分类名称"
      width="240">
      <template slot-scope="scope">
        <el-popover trigger="hover" placement="top">
          <div slot="reference" class="name-wrapper">
            {{scope.row.cate_name}}
          </div>
        </el-popover>
      </template>
    </el-table-column>
    <el-table-column
     label="操作"
     width="220"
     >
      <template slot-scope="">
        <el-button
          size="mini">编辑</el-button>
        <el-button
          size="mini"
          type="danger">删除</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  data () {
    return {
    }
  },
  computed: {
    ...mapGetters('goodsCategory',[
      'getTableData'
    ]),
  },
  created() {
  },
  mounted() {
    console.log( this.getTableData ) 
  },
}
</script>

<style>

</style>